<template>
  <div v-if="showAIPanel" :class="{ 'rounded-xl': getLayout === 'loose' }"
    class=" bg-document-list border-border border-s-1">
    <Chat class="flex-1" />
  </div>
  <div v-else class="flex-1/4"></div>
</template>

<script setup lang="ts">
const { showAIPanel } = useChatMessage();
const { getLayout } = toRefs(settingsStore());
</script>

<style scoped></style>
